eslint-config-xo

What is eslint-config-xo?

eslint-config-xo is a shareable ESLint configuration package that enforces the XO style guide. XO is a strict and opinionated code style guide for JavaScript and TypeScript, which aims to enforce best practices and consistency in codebases.

What are eslint-config-xo's main functionalities?

Enforcing Code Style

By extending the 'xo' configuration in your ESLint configuration file, you can enforce the XO style guide in your project. This includes rules for code formatting, best practices, and potential errors.

{
  "extends": "xo"
}

TypeScript Support

eslint-config-xo provides support for TypeScript by allowing you to extend the 'xo-typescript' configuration. This ensures that TypeScript-specific rules and best practices are enforced.

{
  "extends": "xo",
  "overrides": [
    {
      "files": "*.ts",
      "extends": "xo-typescript"
    }
  ]
}

React Support

For projects using React, you can extend the 'xo-react' configuration to enforce React-specific linting rules and best practices.

{
  "extends": [
    "xo",
    "xo-react"
  ]
}

Other packages similar to eslint-config-xo

eslint-config-airbnb

eslint-config-airbnb is a popular ESLint configuration that follows the Airbnb JavaScript style guide. It is widely used and provides a comprehensive set of rules for JavaScript and React. Compared to eslint-config-xo, it is less strict and more flexible, making it suitable for a broader range of projects.

eslint-config-standard

eslint-config-standard is another popular ESLint configuration that follows the JavaScript Standard Style. It is less opinionated than eslint-config-xo and focuses on simplicity and ease of use. It is a good choice for projects that prefer a more relaxed coding style.

eslint-config-prettier

eslint-config-prettier is an ESLint configuration that disables all rules that are unnecessary or might conflict with Prettier. It is often used in combination with other configurations like eslint-config-airbnb or eslint-config-standard to ensure code formatting is handled by Prettier while still enforcing other linting rules.

README

eslint-config-xo

ESLint shareable config for XO

This is for advanced users. You probably want to use XO directly.

See eslint-plugin-xo for some additional useful rules.

Install

$ npm install --save-dev eslint-config-xo

For the esnext version you'll also need Babel's ESLint parser and plugin:

$ npm install --save-dev babel-eslint eslint-plugin-babel

This will let you use ES2016 features like async/await and decorators. For a full list of features see Babel's experimental features and their Learn ES2015.

Usage

Add some ESLint config to your package.json:

{
	"name": "my-awesome-project",
	"eslintConfig": {
		"extends": "xo"
	}
}

Or to .eslintrc:

{
	"extends": "xo"
}

Supports parsing ES2015, but doesn't enforce it by default.

This package also exposes xo/esnext if you want ES2015+ rules:

{
	"extends": "xo/esnext"
}

And xo/browser if you're in the browser:

{
	"extends": "xo/browser"
}

Related

• eslint-config-xo-space - ESLint shareable config for XO with 2-space indent
• eslint-config-xo-react - ESLint shareable config for React to be used with this config

License

MIT © Sindre Sorhus